<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 主体 -->
    <table border="1" cellspacing="0" cellpadding="20">
        <tbody>
            <tr>
                <td>
                    <div>“手机号码”快速注册</div>
                    <span><small>手机号码@163.com，方便好记</small></span>
                    <img src="./mobile.png" width="80" alt="图片不存在">
                </td>

                <!-- 注册单元格 -->
                <td rowspan="4">
                    <h3>欢迎注册网易VIP邮箱</h3>
                    
                    <!-- 推荐理由表格 -->
                    <table>
                        <tbody>
                            <tr>
                                <th>
                                    45元/月
                                </th>
                                <td>
                                    <ul>
                                        <li>无限邮箱容量</li>
                                        <li>邮箱误删恢复</li>
                                        <li>20G超大附件</li>    
                                    </ul>
                                </td>
                                <td>
                                    <li>单次群发400封</li>
                                    <li>专属人工服务</li>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    <!-- 注册详细信息表单 -->
                    <!-- 邮箱地址 -->
                    <input type="text" placeholder="邮箱地址">
                    <select>
                        <option selected>@vip.163.com</option>
                        <option>@vip.126.com</option>
                        <option>@188.com</option>
                    </select>
                    <br>

                    <!-- 密码 -->
                    <input type="password" placeholder="密码"><br>

                    <!-- 手机号码 -->
                    <input type="number" placeholder="手机号码" value="+86">
                    <button type="submit">获取验证码</button>
                    <br>

                    <!-- 验证码 -->
                    <input type="number" placeholder="验证码">
                    <br>

                    <!-- 同意条款 -->
                    <input type="checkbox" id="agree">
                    <label for="agree"><small>同意《服务条款》、《隐私政策》和《儿童隐私政策》</small></label>
                    <br>

                    <!-- 注册按钮 -->
                    <button type="submit">注册</button>
                </td>
            </tr>

            <tr>
                <td>
                    <div>普通注册</div>
                    <span><small>以字母开头，支持字母、数字组合</small></span>
                    <img src="./email.png" width="80" alt="图片不存在">
                </td>
            </tr>

            <tr>
                <td>
                    <div>申请成为VIP</div>
                    <span><small>5位靓号，无限容量邮箱</small></span>
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img src="./vip.png" width="80" alt="图片不存在">
                </td>
            </tr>

            <tr>
                <td>
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                </td>
            </tr>
        </tbody>
    </table>

</body>

</html>